<template>
	<div class="header">
		<router-link to="/">
			<div class="iconfont back-icon">&#xe624;</div>
		</router-link>
  		城市选择
  	</div>
</template>

<script>
export default {
    name: 'CityHeader'
    
}
</script>


<style lang="stylus" scoped>
@import '~@/assets/style/varibles.styl'
.header
	height:$headerHeight
	line-height:$headerHeight
	text-align: center
	background:$bgColor
	color:#fff
	position:reletive
	.back-icon{
		font-size:.4rem
		position:absolute
		top:0
		left:0
		color:#fff
	}
</style>